<script setup lang="ts">
import CanvasVue from './canvas/index.vue';
import ToolBox from './toolBox/toolBox.vue';
import Controller from './Controller/Controller.vue';
import Header from './Header.vue';
import PenSetting from './PenSetting.vue';
import ColorPanel from './ColorPanel/ColorPanel.vue';

</script>

<template>
  <div class="relative h-screen w-screen overflow-hidden font-px flex flex-col">
    <Header></Header>
    <div class="relative flex-grow">
      <CanvasVue></CanvasVue>
      <ToolBox></ToolBox>
      <Controller></Controller>
      <PenSetting></PenSetting>
    </div>
    <ColorPanel></ColorPanel>
  </div>
</template>

<style >
</style>
